/**会员等级**/
.g-g-c { width: 1000px;float:right}
.m-g { width: 998px; border: 1px solid #f0f0f0; background-color: #fff; margin: 0px auto 0 auto;}

.m-g-cont { width: 100%; border-bottom: 1px solid #f0f0f0; float: left;}
.m-g-info { width: 415px; height: 123px; padding: 20px 30px; float: left;}
.m-head { width: 90px; height: 90px; margin-bottom: 35px; margin-right: 20px; float: left;/* position: relative;*/}
.m-head a.head-pos { width: 90px; height: 90px; text-decoration: none; /*background: url("../images/sprite_icon.png") -210px 0 no-repeat;*/ display: inline-block;/* position: absolute; top: 0; left: 0; z-index: 1;*/}
.m-head a.head-pos img { width: 84px; height: 84px; border: 1px solid #f1f1f1; padding: 2px; border-radius: 50%;}
.m-info { width: 305px; height: 123px; float: left;}
.m-info p { width: 100%; margin-bottom: 8px; float: left;}
.m-info .m-ninm { height: 16px; line-height: 16px; color: #333; font-size: 14px; font-weight: bold;}
.m-info .m-class { height: 14px; line-height: 14px; color: #666; font-size: 12px;}
.m-info .m-class i { color: #da3a4c; font-style: normal; cursor: pointer;}

.m-info .m-rela { width: 100%; height: 76px; float: left;}
.m-info .m-rela ul { display: inline-block;}
.m-info .m-rela li { width: 101px; height: 76px; background-color: #f9f9f9; float: left; position: relative;}
.m-info .m-rela li.line { border-left: 1px solid #fff; border-right: 1px solid #fff;}
.m-info .m-rela li a { width: 100%; height: 34px; line-height: 12px; padding-top: 42px; font-size: 12px; color: #666; text-align: center; text-decoration: none; display: inline-block;}
.m-info .m-rela li em { width: 22px; height: 22px; display: inline-block; position: absolute; top: 10px; left: 39px;}
.m-info .m-rela li.m-rela-1 em { background: url("../images/my_grade_icon.png") 0 0 no-repeat;}
.m-info .m-rela li.m-rela-2 em { background: url("../images/my_grade_icon.png") 0 -22px no-repeat;}
.m-info .m-rela li.m-rela-3 em { background: url("../images/my_grade_icon.png") 0 -44px no-repeat;}
.m-info .m-rela li a i { color: #da3a4c; font-style: normal; margin: 0 2px;}

.m-g-q { width: 400px; height: 123px; margin: 16px 0 24px 0; border-left: 2px dashed #f0f0f0; border-right: 2px dashed #f0f0f0; float: left;}
.m-q-title { height: 12px; padding: 4px 30px 0 30px;}
.m-q-title span.q-title { height: 12px; line-height: 12px; font-size: 12px; color: #333; font-weight: bold; display: inline-block; float: left;}
.m-q-title a.q-more { height: 12px; line-height: 12px; font-size: 12px; color: #333; text-decoration: none; display: inline-block; float: right;}
.m-q-title a.q-more:hover { text-decoration: underline;}
.m-g-s { height: 107px; position: relative;}
.m-g-s a.roll_btn { width: 13px; height: 21px; position: absolute; top: 35px; display: inline-block;}
.m-g-s a.m-g-prev { left: 7px; background: url("../images/my_grade_icon.png") 0 -66px no-repeat;}
.m-g-s a.m-g-next { right: 7px; background: url("../images/my_grade_icon.png") 0 -87px no-repeat;}
.m-g-s-b { width: 360px; height: 107px; margin: 0 20px; overflow: hidden;}
.m-g-s-b ul { width: 10000px;}
.m-g-s-b li { width: 70px; height: 92px; margin: 10px 10px 5px 10px; float: left;}
.m-g-s-b li a { width: 70px; height: 70px; display: inline-block; float: left;}
.m-g-s-b li a.nr-q { background: url("../images/my_grade_icon.png") -22px 0 no-repeat;}
.m-g-s-b li a.bh-q { background: url("../images/my_grade_icon.png") -92px 0 no-repeat;}
.m-g-s-b li a.ug-q { background: url("../images/my_grade_icon.png") -162px 0 no-repeat;}
.m-g-s-b li a.ms-q { background: url("../images/my_grade_icon.png") -232px 0 no-repeat;}
.m-g-s-b li a.bg-q { background: url("../images/my_grade_icon.png") -302px 0 no-repeat;}
.m-g-s-b li a.nr-q-s { background-position: -22px -70px;}
.m-g-s-b li a.bh-q-s { background-position: -92px -70px;}
.m-g-s-b li a.ug-q-s { background-position: -162px -70px;}
.m-g-s-b li a.ms-q-s { background-position: -232px -70px;}
.m-g-s-b li a.bg-q-s { background-position: -302px -70px;}
.m-g-s-b li span { width: 70px; height: 14px; line-height: 14px; font-size: 12px; color: #666; text-align: center; margin-top: 8px; display: inline-block; float: left;}

.m-g-b { width: 119px; height: 123px; margin: 16px 0 24px 0; float: left;}
.m-g-b .m-b-title { height: 12px; line-height: 12px; font-size: 12px; color: #333; font-weight: bold; padding: 4px 20px 0 20px;}
.m-b-cont { height: 92px; margin: 10px 20px 5px 20px;}
.m-b-cont .m-b-tip { width: 100%; height: 92px; padding: 16px 0 36px 0; line-height: 20px; font-size: 12px; color: #ccc; text-align: left; display: none;}
.m-b-cont ul {}
.m-b-cont li { width: 70px; height: 92px; float: left;}
.m-b-cont li a.no-q { width: 70px; height: 70px; text-decoration: none; display: inline-block; background: url("../images/my_grade_icon.png") -372px 0 no-repeat; float: left; position: relative;}
.m-b-cont li a.no-q-s { background-position: -372px -70px;}
.m-b-cont li a i { width: 20px; height: 20px; line-height: 20px; font-size: 12px; color: #fff; text-align: center; font-weight: bold; font-style: normal; background: url("../images/my_grade_icon.png") 0 -113px no-repeat; display: inline-block; position: absolute; top: -10px; right: -10px;}
.m-b-cont li span { width: 70px; height: 12px; line-height: 12px; font-size: 12px; color: #666; text-align: center; margin-top: 10px; display: inline-block; float: left;}

.m-g-l { width: 100%; height: 153px; padding: 20px 0 30px 0; float: left; position: relative;}
.m-l-t { height: 16px; padding: 0 20px 18px 20px;}
.m-l-t span { height: 16px; display: inline-block;}
.m-l-t .l-title { line-height: 16px; font-size: 14px; color: #333; font-weight: bold; float: left;}
.m-l-t .l-info { float: right; position: relative;}
.m-l-t .l-info em { width: 5px; height: 9px; background: url("../images/my_grade_icon.png") -13px -66px no-repeat; display: inline-block; position: absolute; right: 0; top: 3px;}
.m-l-t .l-info a { height: 16px; line-height: 16px; font-size: 12px; color: #06c; text-decoration: none; display: inline-block; float: left;}

.m-l-s { width: 933px; height: 49px; margin: 31px 20px 39px 45px; background: url("../images/my_grade_loading.png") 0 -66px no-repeat; position: relative;}
.m-l-s span.g-name { width: 29px; height: 36px; line-height: 18px; font-size: 12px; color: #da3a4c; font-weight: bold; display: inline-block; position: absolute; top: 8px; left: -29px;}
.m-l-s span.g-t { width: 41px; height: 22px; line-height: 22px; font-size: 12px; color: #666; font-weight: bold; text-align: center; display: inline-block; position: absolute; top: 49px;}
.m-l-s span.g-t-one { left: -20px;}
.m-l-s span.g-t-two { left: 216px;}
.m-l-s span.g-t-three { left: 507px;}
.m-l-s span.g-t-four { left: 798px;}
.m-l-s span.g-t em { width: 5px; height: 4px; background: url("../images/my_grade_icon.png") -13px -75px no-repeat; display: inline-block; position: absolute; top: 0; left: 18px;}
.m-g-l span.g-a-icon { height: 22px; line-height: 22px; font-size: 12px; color: #666; padding: 0 7px; display: inline-block; background-color: #f0f0f0; position: absolute; top: 160px; left: 0; display: none;}
.m-g-l span.g-a-icon i { font-style: normal; font-weight: bold; color: #da3a4c;}
.m-g-l span.g-a-icon em { width: 14px; height: 5px; font-style: normal; background: url("../images/my_grade_icon.png") 0 -108px no-repeat; display: inline-block; position: absolute; top: -5px; left: 17px;}

.m-l-s .g-a { height: 49px; padding-right: 1px; float: left; position: relative;}
.m-l-s .g-one { width: 236px;}
.m-l-s .g-two { width: 290px;}
.m-l-s .g-three { width: 290px;}
.m-l-s .g-four { width: 114px; padding: 0;}

.m-l-s .g-a span { width: 100%; display: inline-block; float: left;}
.m-l-s .g-a span.g-icon { height: 66px; position: absolute; top: -31px; left: 0;}
.m-l-s .g-a span.icon-one { background: url("../images/my_grade_loading.png") 0 0 no-repeat;}
.m-l-s .g-a span.icon-two { background: url("../images/my_grade_loading.png") -237px 0 no-repeat;}
.m-l-s .g-a span.icon-three { background: url("../images/my_grade_loading.png") -528px 0 no-repeat;}
.m-l-s .g-a span.g-txt { height: 12px; font-size: 12px; color: #da3a4c; font-weight: bold; text-align: center; position: absolute; left: 0; top: 48px;}

.m-l-s span.g-bg { display: none;}
.m-l-s span.g-one-bg { height: 49px; background: url("../images/my_grade_loading.png") 0 -115px no-repeat;}
.m-l-s span.g-two-bg { height: 49px; background: url("../images/my_grade_loading.png") -237px -115px no-repeat;}
.m-l-s span.g-three-bg { height: 49px; background: url("../images/my_grade_loading.png") -528px -115px no-repeat;}
.m-l-s span.g-four-bg { height: 49px; background: url("../images/my_grade_loading.png") -819px -115px no-repeat;}

.m-g-tab { width: 958px; border: 1px solid #f0f0f0; background-color: #fff; padding: 20px; margin: 20px auto 0 auto;}
.m-t-t { width: 100%; height: 16px; margin-bottom: 8px; float: left;}
.m-t-t span { height: 16px; display: inline-block;}
.m-t-t .t-title { line-height: 16px; font-size: 14px; color: #333; font-weight: bold; float: left;}
.m-t-t .t-info { float: right;}
.m-t-t .t-info a { height: 16px; line-height: 16px; font-size: 12px; color: #666; text-decoration: none; margin-left: 20px; display: inline-block; float: left;}
.m-t-t .t-info a:hover { color: #da3a4c; text-decoration: underline;}
.m-t-t .t-info a.cur { color: #da3a4c;}
.m-t-c { width: 100%; float: left;}
.m-t-c table { width: 100%; border-collapse: collapse; border: 1px solid #f0f0f0;}
.m-t-c table th { height: 17px; line-height: 17px; font-size: 12px; color: #3c3c3c; text-align: center; vertical-align: middle; padding: 10px 0; background-color: #f0f0f0;}
.m-t-c table td { height: 18px; line-height: 18px; font-size: 12px; color: #666666; text-align: center; vertical-align: middle; padding: 10px 0; border: 1px solid #f0f0f0;}

.m-t-b { width: 998px; border: 1px solid #f0f0f0; background-color: #fff; margin: 20px auto 0 auto;}
.t-b-t { width: 958px; height: 44px; border-bottom: 2px solid #da3a4c; padding: 0 20px; float: left;}
.t-b-t span { display: inline-block;}
.t-b-t span.b-title { height: 16px; line-height: 16px; font-size: 14px; font-weight: bold; margin: 18px 0 10px 0; float: left;}
.t-b-t span.b-btn { float: right;}
.t-b-t span.b-btn a { height: 44px; line-height: 44px; font-size: 14px; font-weight: bold; color: #666; text-decoration: none; padding: 0 15px; float: left;}
.t-b-t span.b-btn a.cur { color: #fff; background-color: #da3a4c;}

.t-b-oper { width: 998px; height: 59px; border-bottom: 1px solid #e6e6e6; background-color: #f9f9f9; float: left;}
.t-b-oper a { width: 168px; height: 58px; line-height: 58px; font-size: 16px; font-weight: bold; font-family: "微软雅黑"; color: #494949; text-align: center; text-decoration: none; border: 1px solid #e6e6e6; border-left: 0; border-bottom: 0; display: inline-block; float: left;}
.t-b-oper a.cur { background-color: #fff; color: #da3a4c; font-size: 20px; border-bottom: 1px solid #fff;}

.t-b-m { width: 958px; padding: 20px 20px 0 20px; float: left;}
.t-b-m-cont { padding-bottom: 25px;}
.t-b-m .t-b-m-nr { background: url("../images/nr_img.png") right 40px no-repeat;}
.t-b-m .t-b-m-bh { background: url("../images/bh_img.png") right bottom no-repeat;}
.t-b-m .t-b-m-bg { background: url("../images/bg_img.png") right bottom no-repeat;}
.t-b-m .t-b-m-ug { background: url("../images/ug_img.png") right 80px no-repeat;}
.t-b-m .t-b-m-ms { background: url("../images/ms_img.png") right 80px no-repeat;}
.t-b-m .b-m-p { height: 16px; line-height: 16px; font-size: 14px; color: #444; margin-bottom: 15px;}
.t-b-m-c { width: 100%;}
.t-b-m-c .b-m-c-l { width: 211px; height: 211px; margin: 40px 0 0 0; float: left;}
.t-b-m .t-b-m-cont .b-m-c-l { background: url("../images/my_grade_big.png") 0 0 no-repeat;}
.t-b-m .t-b-m-nr .b-m-c-l { background-position: 0 -212px;}
.t-b-m .t-b-m-bh .b-m-c-l { background-position: 0 -424px;}
.t-b-m .t-b-m-bg .b-m-c-l { background-position: 0 -848px;}
.t-b-m .t-b-m-ug .b-m-c-l { background-position: 0 0;}
.t-b-m .t-b-m-ms .b-m-c-l { background-position: 0 -636px;}
.t-b-m-c .b-m-c-r { width: 704px; height: 237px; padding: 22px 0 22px 20px; border-left: 2px dashed #f0f0f0; margin-left: 20px; float: left; position: relative;}
.t-b-m-c .b-m-c-r a.r-pos { width: 100px; height: 22px; position: absolute; right: 65px; top: 106px;}
.t-b-m-c .b-m-c-r p { line-height: 48px; font-size: 12px; color: #333;}
.t-b-m-c .b-m-c-r p i { font-style: normal; color: #da3a4c; font-weight: bold;}
.t-b-m-c .b-m-c-r p.n-a { width: 378px; line-height: 24px; font-size: 12px; color: #333;}
.t-b-m-c .b-m-c-r p.n-m { width: 340px; margin-top: 20px;}

.t-b-b { width: 100%; padding: 20px 0; border-bottom: 2px solid #ccc; float: left;}
.t-b-no { border: 0;}
.t-b-b .t-b-p { height: 14px; line-height: 14px; font-size: 12px; font-weight: bold; margin-bottom: 18px; color: #666; padding: 0 30px;}
.t-b-b .t-b-c { width: 980px; padding: 0 9px;}
.t-b-c .t-c-p { text-align: center; display: none;}
.t-b-h .t-c-p { height: 65px; line-height: 65px; padding: 69px 0;}
.t-b-n .t-c-p { height: 46px; line-height: 46px; padding: 78px 0;}
.t-b-c .t-c-p em { font-style: normal; background: url("../images/my_grade_gift.png") -354px -220px no-repeat; margin-right: 30px; display: inline-block;}
.t-b-c .t-c-p span { font-size: 18px; color: #ccc; vertical-align: top; display: inline-block;}
.t-b-h .t-c-p em { width: 47px; height: 65px; background-position: -354px -220px;}
.t-b-h .t-c-p span { height: 65px; line-height: 65px;}
.t-b-n .t-c-p em { width: 52px; height: 46px; background-position: -401px -220px;}
.t-b-n .t-c-p span { height: 46px; line-height: 46px;}
.t-b-c ul { display: inline-block;}
.t-b-c li { width: 177px; height: 203px; margin: 0 9px 0 10px; float: left;}
.t-b-c li .b-i { width: 153px; height: 144px; border-top: 1px solid #ddd; border-right: 1px solid #ddd; border-left: 1px solid #ddd; margin: 0 11px; float: left; position: relative;}
.t-b-c li .b-i em { width: 110px; height: 110px; font-style: normal; background: url("../images/my_grade_gift.png") 0 0 no-repeat; display: inline-block; position: absolute; top: 17px; left: 21px;}
.t-b-c li.b-ug em { background-position: 0 0;}
.t-b-c li.b-nr em { background-position: -110px 0;}
.t-b-c li.b-bh em { background-position: -220px 0;}
.t-b-c li.b-ms em { background-position: -330px 0;}
.t-b-c li.b-bg em { background-position: -440px 0;}
.t-b-c li.b-y-ug em { background-position: 0 -110px;}
.t-b-c li.b-y-nr em { background-position: -110px -110px;}
.t-b-c li.b-y-bh em { background-position: -220px -110px;}
.t-b-c li.b-y-ms em { background-position: -330px -110px;}
.t-b-c li.b-y-bg em { background-position: -440px -110px;}
.t-b-c li .b-i i { width: 82px; height: 74px; font-style: normal; background: url("../images/my_grade_gift.png") 0 -285px no-repeat; display: inline-block; position: absolute; top: -4px; right: -4px;}
.t-b-c li.b-ug i { background-position: 0 -285px; z-index:2;}
.t-b-c li.b-nr i { background-position: -82px -285px; z-index:2;}
.t-b-c li.b-bh i { background-position: -164px -285px; z-index:2;}
.t-b-c li.b-ms i { background-position: -246px -285px; z-index:2;}
.t-b-c li.b-bg i { background-position: -328px -285px; z-index:2;}
.t-b-c li.b-n-ug i { background-position: 0 -359px; z-index:2;}
.t-b-c li.b-n-nr i { background-position: -82px -359px; z-index:2;}
.t-b-c li.b-n-bh i { background-position: -164px -359px; z-index:2;}
.t-b-c li.b-n-ms i { background-position: -246px -359px; z-index:2;}
.t-b-c li.b-n-bg i { background-position: -328px -359px; z-index:2;}
.t-b-c li .b-b { width: 177px; height: 42px; padding: 8px 0; float: left;}
.t-b-c li .b-b span { width: 153px; height: 18px; line-height: 18px; color: #333; padding: 0 12px; font-size: 12px; text-align: center;/* font-weight: bold;*/ display: inline-block; float: left;}
.t-b-c li .b-b a { width: 175px; height: 24px; line-height: 24px; color: #fff; padding: 0 1px; font-size: 12px; text-align: center; text-decoration: none; font-weight: bold; display: inline-block; float: left;}
.t-b-c li.b-n .b-b { background: url("../images/my_grade_gift.png") 0 -220px no-repeat;}
.t-b-c li.b-y .b-b { background: url("../images/my_grade_gift.png") -177px -220px no-repeat;}
.t-b-c li.b-n-b span { color: #666;}

/**artDialog重写重写**/
.aui_state_focus .aui_title { height: 34px; line-height: 34px; font-size: 12px;}
.aui_close { top: 7px;}
.aui_buttons {white-space: normal;}
.aui_buttons button.btn_ok { margin-left: 10px; margin-bottom: 0;}

/**areDialog内容样式**/
.g-layer { width: 530px;}
.g-title { width: 100%; line-height: 14px; font-size: 12px; color: #666; margin-bottom: 18px;}
.g-l-cont { width: 448px; border: 1px solid #ddd; text-align: center; margin: 0 auto; padding: 12px 0;}
.g-l-cont .g-jifen { width: 215px; height: 138px; margin: 18px 12px 19px 12px; line-height: 20px; font-size: 14px; font-weight: bold; color: #333; text-align: center; vertical-align: top; padding-top: 25px; background: url("../images/grade_jifen_bg.png") 0 0 no-repeat; float: left;}
.g-l-cont .g-sale { width: 178px; height: 150px; margin: 12px; padding-top: 26px; background: url("../images/grade_sale_bg.png") 0 0 no-repeat; float: left;}
.g-layer-1 .g-jifen { float: none; margin-left: auto; margin-right: auto;}
.g-layer-2 .g-sale { float: none; margin-left: auto; margin-right: auto;}
.g-layer-3 .g-sale { height: 188px; margin-left: 23px; margin-right: 23px; position: relative;}
.g-layer-3 .g-margin { margin: 0 136px;}
.g-layer-3 .g-btn { margin-bottom: 0; position: absolute; bottom: 0; left: 43px;}
.g-layer-4 .g-jifen { margin-left: 15px;}
.g-layer-5 .g-margin { margin: 0 116px;}
.g-layer-5 .g-sale { margin-left: 23px; margin-right: 23px;}
.g-l-cont .g-jifen i { font-style: normal; color: #da3a4c; font-size: 20px; margin-right: 2px;}
.g-l-cont .g-sale p { width: 100%; text-align: center;}
.g-l-cont .g-sale .g-s-price { height: 54px; line-height: 54px; font-size: 48px; color: #fff; font-weight: bold;}
.g-l-cont .g-sale .g-s-price em { font-style: normal; font-size: 20px; font-family: "Microsoft Yahei";}
.g-l-cont .g-sale .g-s-title { height: 22px; line-height: 22px; font-size: 12px; color: #fff4d8;}
.g-l-cont .g-sale .g-s-range { height: 20px; line-height: 20px; font-size: 12px; color: #fff4d8;}
.g-l-cont .g-sale .g-s-name { height: 20px; line-height: 20px; font-size: 12px; color: #fff4d8; font-weight: 600;}
.g-l-cont .g-sale .g-s-time { height: 32px; line-height: 32px; font-size: 12px; color: #999;}

.g-tip { width: 230px;}
.g-tip-title { width: 100%; height: 32px; margin-bottom: 10px; text-align: center;}
.g-tip-title em { width: 32px; height: 32px; margin-right: 10px; background: url("../images/my_grade_gift.png") -453px -220px no-repeat; font-style: normal; display: inline-block;}
.g-tip-title span { height: 32px; line-height: 32px; font-size: 18px; vertical-align: top; font-family: "Microsoft Yahei"; color: #000033; font-weight: bold;display: inline-block;}
.g-tip-info { width: 100%; height: 14px; line-height: 14px; font-size: 12px; color: #0066cc; margin-bottom: 8px;}
.g-tip-info i { color: #666; font-style: normal; display: inline-block;}
.g-tip-info a { height: 14px; line-height: 14px; font-size: 12px; color: #0066cc; margin: 0 5px; text-decoration: none; display: inline-block;}
.g-tip-info a.cor { color: #666;}
.g-tip-info a:hover { text-decoration: underline;}
.g-layer-time .g-tip-title em { background-position: -453px -252px;}
.g-layer-yi .g-tip-title em { background-position: -453px -252px;}
.g-layer-shibai .g-tip-title em { background-position: -453px -252px;}
.g-layer-shibai { width: 320px;}